<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<style type="text/css">
body {
	background: #f8f8f8;
	height: 100%;
	margin: 0px;
}

.menu {
	width: 100%;
	height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url(./img/nav_bg.jpg) bottom repeat-x #fff scroll;
}

.ul {
	width: 500px;
	overflow: hidden;
	margin-left: 400px;
}

.li {
	float: left;
	color: #fff;
	list-style: none;
}


.menu li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 11px;
}

a,a:hover {
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	cursor: pointer;
}

a:hover {
	background: #bd0000;
}

.headerDiv {
	width: 900px;
	height: 100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 100px;
}
.imgC {
	width: 500px;
	height: 100px;
}
</style>
		<%
			String path = request.getContextPath();
		%>
		<title>html联动菜单sss</title>
	</head>
	<body>
		<div class="headerDiv">
			<div class="logoDiv">
				<img class="imgC" src="./img/logo.jpg" />
			</div>
		</div>
		<div class="menu">
			<div></div>
			<ul class="ul">
				<li class="li">
					<a>首页</a>
				</li>
				<li class="li">
					<a>课程辅导</a>
				</li>
				<li class="li">
					<a>优秀教师</a>
				</li>
				<li class="li">
					<a>优秀学员</a>
				</li>
				<li class="li">
					<a>资讯</a>
				</li>
				<li class="li">
					<a>我的大爱</a>
				</li>
			</ul>
		</div>
		<div id="bodyDiv">
			<iframe>
			</iframe>
		</div>
		<div id="footDiv">
			
		</div>
		
	</body>
</html>